<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>css7id选择器</title>
    <style>
     /* id选择器开头用# */
     #earthy{
        color: aquamarine;
        font-size: 90px;
     }
     /* id 选择器高于类选择器，有声明重复时优先id选择器 */
     .turn{
        color: antiquewhite;
        font-size: 50px;
    }
    #turn-earthy{
        color: blue;
        font-size: 90px;
     }
    
    </style>
</head>
<body>
    <!-- id值是唯一的，同一文件不能相同，不能数字开头，
     同一个标签不能出现同名的属性，就是不能有俩个以上的id属性 -->
    <h1>1</h1>
    <br>
    <!-- 注意不要多出空格，否则style给的声明会无效 -->
    <h2 id="earthy">2</h2>
    <h3>3</h3>
    <p >4</p>
    <p >5</p>
<!-- 一个元素能够同时有id和class -->
    <h2 class="turn" id="turn-earthy" >6</h2>
<h3>7</h3>
<p >8</p>
<p >9</p>
<p >10</p>
</body>
</html>